<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共的样式表 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入当前页面的样式表 -->
    <link rel="stylesheet" href="./css/schoolLife.css">
    <title>校园生活</title>

    <link rel="icon" href="./favicon.ico">

</head>

<body>


    <!-- 头部导航栏 -->
    <div class="topbar-wrapper">
        <div class="topbar clearfix">

            <!-- 左侧文字logo -->
            <div class="logo">
                <h1 id="logotitle">YaoYunYa</h1>
            </div>

            <!-- 右侧菜单 -->
            <ul class="right-menu" id="right-menu">
                <li><a class="ap" href="./index.html">首页
                    <p ></p>
                </a>
                </li>
                <li><a href="./schoolLife.html" class="ap">校园生活</a>
                    <p class="active"></p>
                </li>
                <li><a href="./interest.html" class="ap">兴趣&爱好</a>
                    <p></p>
                </li>
                <li><a href="./notes.html" class="ap">我的笔记</a>
                    <p></p>
                </li>
            </ul>

        </div>

    </div>



    <!-- 教育经历 -->
    <div class="education">
    <h2>教 育 经 历 <div class="chilun"></div></h2>
    
    

    <div class="neiron">
        <h3>永不停歇的旅程</h3>

        <div class="line"></div>

        <div class="left-wapper" id="cont1">
            <div class="point"></div>
            <div class="desc">
                <p>2007 - 09 至 2010年 - 01</p>
                <h3>幼儿园</h3>
                <h4>作为健康的学前儿童茁壮成长....</h4>
            </div>
        </div>

        <div class="right-wapper" id="cont2">
            <div class="point"></div>
            <div class="desc">
                <p>2010 - 09 至 2016年 - 02</p>
                <h3>平田小学</h3>
                <h4>作优秀的社会主义接班人....</h4>
            </div>
        </div>

        <div class="left-wapper" id="cont3">
            <div class="point"></div>
            <div class="desc">
                <p>20016 - 09 至 2019年 - 03</p>
                <h3>公馆第一初级中学</h3>
                <h4>沉迷作业，无法自拔.... </h4>
            </div>
        </div>

        <div class="right-wapper" id="cont4">
            <div class="point"></div>
            <div class="desc">
                <p>2019 - 09 至 2021年 - 07</p>
                <h3>广西钦州农业职业技术学校</h3>
                <h4>沉迷技术，无法自拔....</h4>
            </div>
        </div>

        <div class="left-wapper" id="cont5">
            <div class="point"></div>
            <div class="desc">
                <p>20021 - 09 至 20024年 - 05</p>
                <h3>广西工业职业技术学院</h3>
                <h4>沉迷学习，无法自拔....</h4>
            </div>
        </div>
    </div>

    </div>

<!-- 相册 -->
    <div class="Photo-album clearfix">
        <div class="title">
        <h2>我 的 相 册 <div class="chilun"></div></h2>
        </div>

        <ul class="clearfix">

            <li><a href="#">
                <div class="img-wapper">
                    <img src="img/1.jpg" alt="">
                </div>

                <div class="info">
                    <p class="dat">日期 : 2022年11月18日</p>
                    <p class="tit">标题 : 2022年校运会</p>
                    <p class="des">描述 :星期六在三校区操场举办了...</p>
                </div>
            </a></li>

            <li><a href="#">
                <div class="img-wapper">
                    <img src="img/1.jpg" alt="">
                </div>

                <div class="info">
                    <p class="dat">日期 : 2021年10月18日</p>
                    <p class="tit">标题 : 团建集体照</p>
                    <p class="des">描述 :晚上在足球场举行了活动</p>
                </div>
            </a></li>

            <li><a href="#">
                <div class="img-wapper">
                    <img src="img/1.jpg" alt="">
                </div>

                <div class="info">
                    <p class="dat">日期 : 2022年12月1日</p>
                    <p class="tit">标题 : 软件2131团课</p>
                    <p class="des">描述 :晚自习举办了团课</p>
                </div>
            </a></li>

            <li><a href="#">
                <div class="img-wapper">
                    <img style="width: 100%; height: 285px;" src="./img/5.jpg" alt="">
                </div>

                <div class="info">
                    <p class="dat">日期 : 2022年9月13日</p>
                    <p class="tit">标题 : 软件2131军训</p>
                    <p class="des">描述 :很累很累很累...</p>
                </div>
            </a></li>


            <li><a href="#">
                <div class="img-wapper">
                    <img style="width: 100%; height: 285px;" src="img/1.jpg" alt="">
                </div>

                <div class="info">
                    <p class="dat">日期 : 2022年11月13日</p>
                    <p class="tit">标题 : 随手拍</p>
                    <p class="des">描述 :校园一角...</p>
                </div>
            </a></li>

            <li><a href="#">
                <div class="img-wapper">
                    <img style="width: 100%; height: 285px;" src="img/1.jpg" alt="">
                </div>

                <div class="info">
                    <p class="dat">日期 : 2022年8月22日</p>
                    <p class="tit">标题 : 随手拍</p>
                    <p class="des">描述 :校园一角...</p>
                </div>
            </a></li>
        </ul>
    </div>




<!-- 版权 -->
    <div class="banquan">
        <p>Keep on going never give up.</p>
        <p>xxxxxxxx</p>
        <p>yaoyun 制作</p>
    </div>


    <script type="text/javascript" src="js/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/schoolLife.js"></script>

</body>

</html>